<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    String static_path = path + "/static/alpha";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>设置</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="<%=static_path%>/dist/css/adminlte.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="<%=static_path%>/plugins/iCheck/flat/blue.css">
    <!-- Google Font: Source Sans Pro -->
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <!-- 文件头 -->
    <jsp:include page="/manage/inc/head"></jsp:include>
    <!-- 侧边栏 -->
    <jsp:include page="/manage/inc/sidebar"></jsp:include>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header"></section>
        <section class="content">
            <div class="row">

                <!-- 侧边栏 -->
                <div class="col-md-3">
                    <%--<a href="compose.html" class="btn btn-primary btn-block mb-3">Compose</a>--%>
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">菜单栏设置</h3>

                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <ul class="nav nav-pills flex-column">
                                <li class="nav-item">
                                    <a class="nav-link" id="update_bigType">
                                        <i class="fa fa-file-text-o"></i>  一级菜单管理
                                    </a>
                                </li>
                                <li class="nav-item" id="update_smallType">
                                    <a  class="nav-link">
                                        <i class="fa fa-file-text-o"></i>  二级菜单管理
                                    </a>
                                </li>
                                <li class="nav-item" id="update_disableList">
                                    <a class="nav-link">
                                        <i class="fa fa-trash-o"></i> 禁用列表
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- /.card-body -->
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">分页设置</h3>

                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <ul class="nav nav-pills flex-column">
                                <li class="nav-item active">
                                    <a href="#" class="nav-link">
                                        <i class="fa fa-inbox"></i> Inbox
                                        <span class="badge bg-primary float-right">12</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="fa fa-envelope-o"></i> Sent
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="fa fa-file-text-o"></i> Drafts
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="fa fa-filter"></i> Junk
                                        <span class="badge bg-warning float-right">65</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="fa fa-trash-o"></i> Trash
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- /.card-body -->
                    </div>

                    <!-- /. box -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Labels</h3>

                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <ul class="nav nav-pills flex-column">
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="fa fa-circle-o text-danger"></i>
                                        Important
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="fa fa-circle-o text-warning"></i> Promotions
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" class="nav-link">
                                        <i class="fa fa-circle-o text-primary"></i>
                                        Social
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <%--侧边栏--%>

                <%--<div id="listdata" ></div>--%>
                <%--详情--%>
                <div class="col-md-9" id="listdata" >
                </div>
                <%--详情--%>
            </div>
            <!-- /.row -->
        </section>
        <!-- /.content -->
        <%--主要内容结束--%>
    </div>
    <!-- 控件侧边栏 -->
    <aside class="control-sidebar control-sidebar-dark">
        <!-- 控件侧边栏内容在这里 -->
    </aside>
    <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="<%=static_path%>/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="<%=static_path%>/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Slimscroll -->
<script src="<%=static_path%>/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="<%=static_path%>/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="<%=static_path%>/dist/js/adminlte.min.js"></script>
<!-- iCheck -->
<script src="<%=static_path%>/plugins/iCheck/icheck.min.js"></script>
<!-- Page Script -->

<script>
    $(function(){
        $("#update_bigType").click(function(){
            update_bigType();
        });
        $("#update_smallType").click(function(){
            update_smallType();
        });
        $("#update_disableList").click(function(){
            update_disableList();
        });
    });

    function update_bigType()
    {
        $.ajax({
            url : "<%=path%>/manage/memu_settings/update_bigType",
            type : "get",
            data : {
            },
            success : function(mes) {
                $("#listdata").html(mes);
            }
        });

    }

    function update_smallType()
    {
        $.ajax({
            url : "<%=path%>/manage/memu_settings/update_smallType",
            type : "get",
            data : {
            },
            success : function(mes) {
                $("#listdata").html(mes);
            }
        });

    }

    function update_disableList()
    {
        $.ajax({
            url : "<%=path%>/manage/memu_settings/update_disableList",
            type : "get",
            data : {
            },
            success : function(mes) {
                $("#listdata").html(mes);
            }
        });

    }



</script>

<script>
    $(function () {
        //Enable iCheck plugin for checkboxes
        //iCheck for checkbox and radio inputs
        $('.mailbox-messages input[type="checkbox"]').iCheck({
            checkboxClass: 'icheckbox_flat-blue',
            radioClass   : 'iradio_flat-blue'
        })

        //Enable check and uncheck all functionality
        $('.checkbox-toggle').click(function () {
            var clicks = $(this).data('clicks')
            if (clicks) {
                //Uncheck all checkboxes
                $('.mailbox-messages input[type=\'checkbox\']').iCheck('uncheck')
                $('.fa', this).removeClass('fa-check-square-o').addClass('fa-square-o')
            } else {
                //Check all checkboxes
                $('.mailbox-messages input[type=\'checkbox\']').iCheck('check')
                $('.fa', this).removeClass('fa-square-o').addClass('fa-check-square-o')
            }
            $(this).data('clicks', !clicks)
        })

        //Handle starring for glyphicon and font awesome
        $('.mailbox-star').click(function (e) {
            e.preventDefault()
            //detect type
            var $this = $(this).find('a > i')
            var glyph = $this.hasClass('glyphicon')
            var fa    = $this.hasClass('fa')

            //Switch states
            if (glyph) {
                $this.toggleClass('glyphicon-star')
                $this.toggleClass('glyphicon-star-empty')
            }

            if (fa) {
                $this.toggleClass('fa-star')
                $this.toggleClass('fa-star-o')
            }
        })
    })
</script>
<!-- AdminLTE for demo purposes -->
<script src="<%=static_path%>/dist/js/demo.js"></script>
</body>
</html>
